* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:after,:before {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background-color: #fff;
    font: 14px Arial,"Microsoft YaHei","PingFang SC","Source Han Sans CN",calibri,SimHei,SimSun,sans-serif;
    line-height: 24px;
    color: #333;
    overflow-x: hidden
}

button,dd,div,dl,input,li,select,textarea,ul {
    border: none;
    outline: 0
}

button {
    cursor: pointer
}

textarea {
    font-family: "Microsoft YaHei"
}

em {
    font-style: normal
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.img-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    padding: auto;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s
}

.img-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s
}

a,button,dd,div,dl,dt,em,h1,h2,h3,h4,h5,h6,i,input,li,p,ul {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s
}

.tr-null {
    transition: initial
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

footer,header,main,nav {
    width: 100%;
	position: relative;

}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }

    .container {
        max-width: calc(100% - 40px)!important;
        margin: 0 auto
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }

    .container {
        max-width: calc(100% - 60px)!important;
        margin: 0 auto
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }

    .container {
        max-width: 95%!important;
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }

    .container {
        max-width: 1200px;
        margin: 0 auto
    }

    .container1 {
        max-width: 1400px;
        margin: 0 auto
    }
}

@media (max-width: 991px) {
    .menu-button {
        float:right;
        cursor: pointer;
        width: 50px;
        height: 35px;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
        background-size: 100% 100%
    }

    .menu-button>span {
        width: 100%;
        height: 5px;
        float: left;
        background-color: #000;
        transition: all .4s
    }

    .menu-button-active>span {
        background-color: #fff
    }

    .menu-button-active>span:nth-child(2) {
        opacity: 0
    }

    .menu-button-active>span:nth-child(1) {
        -webkit-transform: translateY(15px) rotate(-45deg);
        -ms-transform: translateY(15px) rotate(-45deg);
        transform: translateY(15px) rotate(-45deg)
    }

    .menu-button-active>span:nth-child(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-15px) rotate(45deg)
    }
}

@media (max-width: 767px) {
    .menu-button {
        width:30px;
        height: 21px;
        right: 20px
    }

    .menu-button span {
        height: 3px
    }

    .menu-button-active>span:nth-child(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        -ms-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg)
    }

    .menu-button-active>span:nth-child(3) {
        -webkit-transform: translateY(-9px) rotate(45deg);
        -ms-transform: translateY(-9px) rotate(45deg);
        transform: translateY(-9px) rotate(45deg)
    }
}

@media (max-width: 991px) {
    nav {
        position:fixed!important;
        background-color: rgba(0,0,0,.8)!important;
        width: 100%!important;
        height: 100%!important;
        left: -100%!important;
        top: 0!important;
        z-index: 10;
        opacity: 0;
        display: flex!important;
        transition: all .4s
    }

    .nav-active {
        left: 0!important;
        opacity: 1
    }

    nav>.container {
        width: 100%;
        max-width: 100%!important
    }

    .nav {
        width: 85%!important;
        height: 100%!important;
        background-color: #fff;
        overflow-y: auto;
        display: block!important;
        margin: 0!important;
        padding: 0!important
    }

    .nav::after,.nav::before {
        display: none
    }

    .nav>li {
        width: 100%!important;
        height: auto!important;
        border-bottom: 1px solid #ccc;
        margin: 0!important;
        padding: 0!important
    }

    .nav>li::after,.nav>li::before {
        display: none
    }

    .nav>li>a {
        height: 50px
    }

    .drop-down {
        float: left;
        font-family: FontAwesome;
        font-size: 16px;
        color: #333;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        width: 50px;
        height: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center
    }

    .drop-down::before {
        content: "\f107"
    }

    .nav>li.li-ctive>.drop-down,.nav>li:hover>.drop-down {
        color: #fff
    }

    .nav>li.li-active>.drop-down::before,.nav>li:hover>.drop-down::before {
        content: "\f106"
    }

    .nav-child {
        position: relative!important;
        left: 0!important;
        top: 0!important;
        transform: initial!important;
        padding: 0!important
    }
}